<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>100教程网_100教程网_国内最多最全的免费电子书库_格式为epub+mobi+azw3_免费使用</title>
    <link rel="stylesheet" href="bootstrap-4.1.3-dist/css/bootstrap.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="bootstrap-4.1.3-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="container">
    <!-- <div class="row header-top">
         <div class="col">
         </div>
     </div>--><!--预留最上顶部位-->
    <div class="row header-middle">
        <div class="col-md-3">
            <a class="navbar-brand" href="/">
                <img src="images/logo.png"/>
            </a>
        </div>

        <div class="col-md-6">
            <form class="bs-example bs-example-form" role="form">
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="请输入书名/作者">
                    <span class="input-group-btn">
                            <button class="btn btn-default input-group-text" type="button">搜索</button>
                        </span>

                </div><!-- /input-group -->
            </form>
        </div>
        <!-- <div class="col">
             用户登陆部位
         </div>-->
    </div>
    <div class="row public-nav">
        <div class="col-md-12">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                    <div class="navbar-nav">
                        <a class="nav-item  active" href="#">首页 </a>
                        <a class="nav-item " href="#">编程开发</a>
                        <a class="nav-item " href="#">Pricing</a>
                        <a class="nav-item" href="#">Disabled</a>
                    </div>
                </div>
            </nav>
        </div>
    </div><!--导航end-->
    <div class="row">
        <div class="col-md-8 col-xs-12 book-list">
            <p class="h6 sort-header">最新更新</p>
            <div class="row">
                <div class="col-md-3 col-xs-12 book-img">
                    <a href="">
                        <img src="1.jpg">
                    </a>
                </div>
                <div class="col-md-9 col-xs-12 box-info">
                    <a href="">
                        <h5>《图像：主题与构成》<small>韩丛耀（作者）</small></h5>
                        <h6>epub+mobi+azw3<small>2018-11-04</small></h6>
                        <p><small>这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。</small></p>
                        <blockquote class="pull-right">
                            <small> 阅读全文<cite title="Source Title"></cite></small>
                        </blockquote>
                    </a>
                </div>
            </div>
            <div class="clearfix" style="margin: 20px 0; border-bottom:1px dashed #eee"></div>
            <!--一组数据-->
            <div class="row">
                <div class="col-md-3 col-xs-12 book-img">
                    <a href="">
                        <img src="1.jpg">
                    </a>
                </div>
                <div class="col-md-9 col-xs-12 box-info">
                    <a href="">
                        <h5>《图像：主题与构成》<small>韩丛耀（作者）</small></h5>
                        <h6>epub+mobi+azw3<small>2018-11-04</small></h6>
                        <p><small>这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。</small></p>
                        <blockquote class="pull-right">
                            <small> 阅读全文<cite title="Source Title"></cite></small>
                        </blockquote>
                    </a>
                </div>
            </div>
            <div class="clearfix" style="margin: 20px 0; border-bottom:1px dashed #eee"></div>
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-center">
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                    <span class="sr-only">Previous</span>
                                </a>
                            </li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-xs-12">

        </div>
    </div>
    <div class="row public-footer">
        <div class="col-md-8">
            <div class="row">
                <div class="col-md-12"> <small>© 2017－2018 100jiaocheng.com, all rights reserved 100教程</small></div>

            </div>
            <div class="row">
                <div class="col-md-12">
                    <p><small>本站资源来源说明：</small></p>
                    <p><small>本站所有资源搜集于互联网，所提供下载链接也是站外链接，网站本身并不存储相关资源文件，如资源下载链接侵犯到版权方，请发送邮件到wjh756381193@qq.com，站长核实后会第一时间移除，谢谢</small></p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <p style="color:red"><small>书籍投稿：</small></p>
                    <p><small>如果你有书屋没有的电子书想要分享，也可以投稿到邮箱wjh75638118@qq.com。感谢大家</small></p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <p>
            </p>
        </div>
    </div>
</div>
</body>
</html>